* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

a {
    display: block;
    color: currentColor;
    text-decoration: none;
}

p {
    margin: 0;
    color: inherit;
}

body {
    color: #141414;
    overflow-x: hidden;
    background-color: #f6f6f6;
    font-family: iconfont, sans-serif;
}

body::-webkit-scrollbar {
    display: none;
}

.padding {
    padding: 0 .64rem;
}

// 顶部搜索框
.search-top {
    width: 100%;
    height: 2.3467rem;
    display: flex;
    align-items: center;
    background: #fff;

    .logo {
        width: 1.6rem;
        height: 1.9733rem;
        margin: 0 .64rem;
        display: flex;
        align-items: center;

        img {
            width: 100%;
        }
    }

    .search {
        flex: 1;
        min-width: 13.3333rem;
        background: #f6f6f6;
        height: 1.6rem;
        border-radius: .8rem;
        color: #999;
        line-height: 1.6rem;
        font-size: .8rem;
        display: flex;
        align-items: center;

        i {
            margin: 0 .48rem;
            color: rgb(153, 153, 153);
            font-size: .96rem;
            font-weight: normal;
        }
    }

    .more {
        width: 1.0667rem;
        height: 1.9733rem;
        margin: 0 .64rem;
        display: flex;
        align-items: center;

        img {
            width: 100%;
        }
    }
}

// 顶部图片导航
.nav-img {
    .topBg {
        width: 100%;
        height: 5.8667rem;
        padding-top: .32rem;
        background-image: url("https://img63.ddimg.cn/2024/8/22/2024082215133221517.jpg");
        background-color: transparent;
        background-size: 100% 100%;

        .mui-slider1 {
            width: 18.72rem;
            height: 5.5467rem;
            margin-left: .6933rem;
            overflow: hidden;
            border-radius: .4267rem;

            .mui-slider-group {
                a {
                    width: 18.72rem;
                    height: 5.5467rem;
                    overflow: hidden;

                    img {
                        width: 100%;
                    }
                }
            }

            .mui-slider-indicator {
                bottom: 0;
                right: -7.68rem;

                .mui-indicator {
                    width: .2667rem;
                    height: .2667rem;
                    margin: 0;
                    border-radius: .1067rem;
                    background: rgba(0, 0, 0, .14);
                    box-shadow: 0 0 0 0;
                }

                .mui-active {
                    background: #fff;
                }
            }
        }
    }

    .botBg {
        width: 100%;
        height: 3.6267rem;
        background-size: 100% 100%;
        background-image: url("https://img62.ddimg.cn/2024/8/22/2024082215133221496.jpg");
    }
}

// 顶部分类导航
.nav-icon {
    width: 100%;
    height: 7.7867rem;
    padding-top: .2133rem;
    background: #fff;
    overflow: hidden;

    .mui-slider {
        overflow: visible;

        .mui-slider-group {
            .list {
                width: 100%;
                display: flex;
                flex-wrap: wrap;

                a {
                    width: 4rem;
                    height: 3.4667rem;

                    img {
                        width: 100%;
                    }
                }
            }
        }

        .mui-slider-indicator {
            bottom: -0.7rem;

            .mui-indicator {
                width: .16rem;
                height: .16rem;
                opacity: .3;
                margin: 0;
                border-radius: .16rem;
                background: rgb(20, 20, 20);
                box-shadow: 0 0 0 0;
            }

            .mui-active {
                width: .48rem;
                opacity: 1;
            }
        }


    }


}

// 图书畅销榜&新书上架
.list1 {
    .top {
        display: flex;
        width: 100%;
        border-top-left-radius: .4267rem;
        border-top-right-radius: .4267rem;
        background-image: linear-gradient(rgb(255, 247, 247) 62%, rgb(255, 255, 255) 100%);

        li {
            display: flex;
            flex-wrap: nowrap;
            padding: .64rem 0 .5333rem .5333rem;
            margin-right: .5333rem;

            p {
                font-size: .8rem;
                font-weight: 700;
                line-height: .9067rem;
                word-break: break-all;
                color: #141414;
                margin-right: .2667rem;
            }

            img {
                width: 3.7333rem;
                height: .8533rem;
            }
        }
    }

    .bottom {
        padding-left: .5333rem;
        padding-right: .2667rem;
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: space-between;

        li {
            position: relative;
            width: 4.0533rem;
            text-align: center;
            padding-bottom: .64rem;

            img:nth-of-type(1) {
                display: block;
                width: 100%;
                border-radius: .2133rem;
            }

            p {
                margin-top: .32rem;
                font-size: .64rem;
                color: #565656;
                line-height: .7467rem;
                height: .7467rem;
                overflow: hidden;
            }

            .dengji {
                position: absolute;
                top: 0;
                left: 0;
                width: 1.1733rem;
            }
        }
    }
}

// 今日抢购
.list2 {
    width: 100%;
    height: 7.68rem;
    border-radius: .4267rem;

    ul:nth-of-type(1) {
        width: 100%;
        height: 1.8133rem;
        padding: .5333rem .5333rem 0 .64rem;
        margin-top: -0.2667rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top-left-radius: .4267rem;
        border-top-right-radius: .4267rem;
        background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 247, 247) 100%);

        li:nth-of-type(1) {
            display: flex;
            align-items: center;

            p {
                font-size: .8rem;
                color: #141414;
                font-weight: bolder;
                line-height: .8rem;
            }

            div {
                font-weight: bold;
                font-size: .5333rem;
                color: #fff;
                margin-left: .2133rem;

                span {
                    display: inline-block;
                    width: .8533rem;
                    height: .8533rem;
                    padding-top: .0533rem;
                    background: linear-gradient(134deg, #fd7a78, #f64e4d);
                    border-radius: .16rem;
                    text-align: center;
                    line-height: .8533rem;
                    margin: 0 .1067rem;
                }

                span:nth-of-type(2n) {
                    display: inline;
                    background: none;
                    color: #f76e6d;
                    font-weight: bolder;
                    margin: 0;
                }
            }
        }

        li:nth-of-type(2) {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;

            p {
                font-size: .64rem;
                color: #828282;
                line-height: .64rem;
                font-weight: 400;
            }

            i {
                color: rgb(130, 130, 130);
                font-size: .5333rem;
                font-weight: normal;
            }
        }
    }

    ul:nth-of-type(2) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .16rem .64rem .5333rem;
        background: #fff;
        border-bottom-left-radius: .4267rem;
        border-bottom-right-radius: .4267rem;

        li {
            img:nth-child(1) {
                width: 4.0533rem;
            }

            div {
                position: relative;
                width: 3.6267rem;
                height: .96rem;
                background-image: linear-gradient(134deg, #fd7a78, #f64e4d);
                border: .0533rem solid #fff;
                border-radius: .5333rem;
                color: #fff;
                display: flex;
                align-items: center;
                font-weight: bolder;
                margin: -0.48rem auto 0;

                p:nth-of-type(1) {
                    height: .64rem;
                    font-size: .64rem;
                    line-height: .64rem;
                    display: flex;
                    align-items: center;
                }

                p:nth-of-type(1)::before {
                    content: "¥";
                    font-size: .4267rem;
                    font-weight: bolder;
                    margin-left: .32rem;
                    margin-right: .1067rem;
                    line-height: .64rem;
                }

                img {
                    display: block;
                    width: .7467rem;
                    height: .7467rem;
                    font-size: .5333rem;
                    position: absolute;
                    right: .1067rem;
                    top: .1067rem;
                }
            }

            p:nth-child(3) {
                font-size: .5333rem;
                color: #a0a0a0;
                line-height: .5333rem;
                text-align: center;
                text-decoration: line-through;
            }

            p:nth-child(3)::after {
                content: "¥";
                font-size: .5333rem;
                color: #a0a0a0;
                text-align: center;
                text-decoration: line-through;
            }
        }
    }
}

// 品牌抢购
.list3 {
    position: relative;
    width: 100%;
    height: 7.04rem;
    margin-top: .48rem;

    .top {
        display: flex;
        width: 100%;
        border-top-left-radius: .4267rem;
        border-top-right-radius: .4267rem;
        padding: .64rem 1.6rem .3733rem .5333rem;
        background-image: linear-gradient(rgb(255, 238, 238) 62%, rgb(255, 255, 255) 100%);

        li {
            display: flex;
            flex-wrap: nowrap;
            margin-right: .5333rem;

            p {
                font-size: .8rem;
                font-weight: 700;
                line-height: .9067rem;
                word-break: break-all;
                color: #141414;
                margin-right: .2667rem;
            }

            img {
                width: 3.7333rem;
                height: .8533rem;
            }
        }
    }

    .mui-scroll-wrapper {
        position: absolute;
        z-index: 2;
        top: 1.8667rem;
        bottom: 0;
        left: .64rem;
        overflow: hidden;
        width: 18.72rem;

        .mui-scroll {
            width: auto;

            .bottom {
                padding-bottom: .96rem;
                border-bottom-left-radius: .4267rem;
                border-bottom-right-radius: .4267rem;
                display: flex;
                background: #fff;
                align-items: center;

                li {
                    position: relative;
                    width: 4.0533rem;
                    text-align: center;
                    margin: 0 .32rem;

                    img:nth-of-type(1) {
                        display: block;
                        width: 100%;
                        border-radius: .2133rem;
                    }

                    div {
                        position: absolute;
                        bottom: -0.5333rem;
                        right: .7467rem;
                        height: 1.0667rem;
                        width: 2.5067rem;
                        background-position: 50%;
                        background-repeat: no-repeat;
                        background-size: contain;
                        background-color: #fff;
                        border-radius: .16rem;
                        overflow: hidden;
                    }
                }

                li:nth-of-type(1) {
                    div {
                        background-image: url(https://img63.ddimg.cn/2021/11/30/2021113017051810313.png);
                    }
                }

                li:nth-of-type(2) {
                    div {
                        background-image: url(http://img51.ddimg.cn/250730269699261_y.png);
                    }
                }

                li:nth-of-type(3) {
                    div {
                        background-image: url(http://img51.ddimg.cn/108170255002541_y.png);
                    }
                }

                li:nth-of-type(4) {
                    div {
                        background-image: url(http://img55.ddimg.cn/207230239376075_y.jpg);
                    }
                }

                li:nth-of-type(5) {
                    div {
                        background-image: url(https://img60.ddimg.cn/2024/4/25/2024042510232238712.png);
                    }
                }

                li:nth-last-of-type(1) {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    padding: .2667rem .9067rem 0 1.12rem;
                    width: .9067rem;
                    color: #828282;
                    font-size: .5867rem;

                    i {
                        color: rgb(196, 196, 196);
                        font-size: .9067rem;
                        font-weight: normal;
                        margin-top: .2667rem;
                    }
                }
            }
        }

    }

}

// 当当书城
.list4 {
    width: 100%;
    margin-top: .48rem;

    .title {
        height: 2.1867rem;
        line-height: 2.1867rem;
        font-size: .9067rem;
        color: #111;
        text-align: center;
        font-weight: 700;

        span {
            position: relative;

            div {
                position: absolute;
                bottom: -0.16rem;
                left: 0;
                z-index: -1;
                height: .2667rem;
                width: 100%;
                background-image: linear-gradient(150deg, rgb(252, 215, 174) 0%, rgb(240, 188, 143) 92%);
            }
        }
    }

    .content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        padding: .64rem .64rem .48rem;
        border-top-left-radius: .4267rem;
        border-top-right-radius: .4267rem;

        li {
            width: 4.2133rem;
            height: 6.4rem;

            p:nth-of-type(1) {
                color: #141414;
                font-size: .8rem;
                line-height: 1.12rem;
            }

            p:nth-of-type(2) {
                color: #828282;
                font-size: .64rem;
                line-height: 1.12rem;
            }

            img {
                width: 100%;
            }
        }

        li:nth-child(-n+4) {
            margin-bottom: 1.12rem !important;
        }
    }
}

// 当当书城下面导航
.list5 {
    width: 100%;

    ul {
        height: 2.1333rem;
        margin: auto;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        color: #141414;
        font-size: .6933rem;
        font-weight: 700;
        border-bottom-left-radius: .4267rem;
        border-bottom-right-radius: .4267rem;

        li {
            width: 4.0533rem;
            height: 1.28rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            border-radius: .2133rem;
            background: rgb(246, 246, 246);

            span {
                padding-left: .16rem;
            }

            i {
                margin-left: .1067rem;
                color: rgb(20, 20, 20);
                font-size: .6933rem;
            }
        }
    }
}

// 精选图书好店
.list6 {
    width: 100%;
    margin-top: .48rem;

    .title {
        height: 2.1867rem;
        line-height: 2.1867rem;
        font-size: .9067rem;
        color: #111;
        text-align: center;
        font-weight: 700;

        span {
            position: relative;

            div {
                position: absolute;
                bottom: -0.16rem;
                left: 0;
                z-index: -1;
                height: .2667rem;
                width: 100%;
                background-image: linear-gradient(150deg, rgb(252, 215, 174) 0%, rgb(240, 188, 143) 92%);
            }
        }
    }

    ul:nth-of-type(1) {
        display: flex;

        li:nth-of-type(1) {
            width: 9.28rem;
            height: 6.0267rem;
            overflow: hidden;
            border-top-left-radius: .4267rem;

            .mui-slider {
                .mui-slider-group {
                    img {
                        width: 100%;
                    }
                }

                .mui-slider-indicator {
                    position: absolute;
                    bottom: 0;
                    padding-right: .5333rem;
                    text-align: right;

                    .mui-indicator {
                        width: .16rem;
                        height: .0533rem;
                        margin: 0;
                        border-radius: 50%;
                        background: rgba(0, 0, 0, .14);
                        box-shadow: 0 0 0 0;
                    }

                    .mui-active {
                        background: #fff;
                    }
                }
            }
        }

        li:nth-of-type(2) {
            flex: 1;
            display: flex;
            background: #fff;
            border-top-right-radius: .4267rem;

            div {
                padding-top: .64rem;

                p {
                    display: flex;
                    align-items: center;
                    padding-left: .2667rem;
                    color: #141414;
                    font-size: .6933rem;
                    font-weight: bolder;
                    line-height: .6933rem;

                    span {
                        text-align: center;
                        width: .6933rem;
                        height: .6933rem;
                        line-height: .64rem;
                        color: rgb(249, 245, 245);
                        font-size: .5333rem;
                        margin-left: .16rem;
                        background: url(https://img60.ddimg.cn/2021/3/30/2021033021221555929.png) center/100% no-repeat;
                    }
                }

                img {
                    width: 3.7333rem;
                    margin-top: .5333rem;
                }
            }
        }
    }

    ul:nth-of-type(2) {
        height: 2.1333rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: .4267rem;
        border-bottom-left-radius: .4267rem;
        border-bottom-right-radius: .4267rem;
        background-image: linear-gradient(180deg, #f9f9f9, #fff 36%, #fff 80%, #fff 97%);

        li {
            width: 2.88rem;
            height: 1.1733rem;

            img {
                width: 100%;
            }
        }
    }
}

// 新华书店&名社好书
.list7 {
    width: 100%;
    margin-top: .48rem;

    ul:nth-of-type(1) {
        background-color: #fff;
        padding: .64rem .64rem .48rem;
        border-top-left-radius: .3733rem;
        border-top-right-radius: .3733rem;

        li:nth-of-type(1) {
            width: 100%;
            display: flex;

            div {
                width: 50%;

                p:nth-of-type(1) {
                    display: flex;
                    align-items: center;
                    font-size: .8rem;
                    font-weight: 700;
                    white-space: nowrap;

                    span:nth-of-type(1) {
                        display: inline-block;
                        width: 50%;
                        height: .8533rem;
                        margin-right: .2667rem;
                        line-height: .8533rem;
                        overflow: hidden;
                        white-space: wrap;
                    }

                    span:nth-of-type(2) {
                        display: inline-block;
                        padding: 0 .3733rem;
                        border-radius: .8533rem;
                        line-height: .8533rem;
                        color: #fff;
                        font-weight: 400;
                        font-size: .5867rem;
                        background-image: linear-gradient(160deg, rgb(230, 9, 255) 0%, rgb(255, 129, 196) 100%);
                    }
                }

                p:nth-of-type(2) {
                    color: rgb(130, 130, 130);
                    font-size: .64rem;
                    line-height: .8533rem;
                }
            }

            div:nth-of-type(1) {
                margin-right: 1.28rem;
            }

            div:nth-of-type(2) {
                span:nth-of-type(2) {
                    background-image: linear-gradient(160deg, rgb(251, 27, 27) 0%, rgb(228, 27, 27) 100%) !important;
                }
            }
        }

        li:nth-of-type(2) {
            width: 100%;
            display: flex;

            img {
                width: 4.2133rem;
            }
        }
    }

    ul:nth-of-type(2) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        padding: .64rem .64rem .48rem;
        border-bottom-left-radius: .4267rem;
        border-bottom-right-radius: .4267rem;

        li {
            width: 4.2133rem;
            height: 6.4rem;

            p:nth-of-type(1) {
                color: #141414;
                font-size: .8rem;
                font-weight: 700;
                line-height: 1.12rem;
            }

            p:nth-of-type(2) {
                color: #828282;
                font-size: .64rem;
                line-height: 1.12rem;
            }

            img {
                width: 100%;
            }
        }
    }
}

//万种图书9.9包邮
.list8 {
    width: 100%;
    margin-top: .48rem;

    img {
        display: block;
        width: 18.72rem;
        border-top-left-radius: .3733rem;
        border-top-right-radius: .3733rem;
    }

    ul:nth-of-type(1) {
        background-color: #fff;
        padding: .64rem .64rem .48rem;

        li:nth-of-type(1) {
            width: 100%;
            display: flex;

            div {
                width: 50%;

                p:nth-of-type(1) {
                    display: flex;
                    align-items: center;
                    font-size: .8rem;
                    font-weight: 700;
                    white-space: nowrap;

                    span:nth-of-type(1) {
                        display: inline-block;
                        width: 50%;
                        height: .8533rem;
                        margin-right: .2667rem;
                        line-height: .8533rem;
                        overflow: hidden;
                        white-space: wrap;
                    }

                    span:nth-of-type(2) {
                        display: inline-block;
                        padding: 0 .3733rem;
                        border-radius: .8533rem;
                        line-height: .8533rem;
                        color: #fff;
                        font-weight: 400;
                        font-size: .5867rem;
                        background-image: linear-gradient(160deg, rgb(251, 27, 27) 0%, rgb(228, 27, 27) 100%);
                    }
                }

                p:nth-of-type(2) {
                    color: rgb(130, 130, 130);
                    font-size: .64rem;
                    line-height: .8533rem;
                }
            }

            div:nth-of-type(1) {
                margin-right: 1.28rem;
            }
        }

        li:nth-of-type(2) {
            width: 100%;
            display: flex;

            img {
                width: 4.2133rem;
            }
        }
    }

    ul:nth-of-type(2) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        padding: .64rem .64rem .48rem;
        border-bottom-left-radius: .4267rem;
        border-bottom-right-radius: .4267rem;

        li {
            width: 4.2133rem;
            height: 6.4rem;

            p:nth-of-type(1) {
                color: #141414;
                font-size: .8rem;
                font-weight: 700;
                line-height: 1.12rem;
            }

            p:nth-of-type(2) {
                color: #828282;
                font-size: .64rem;
                line-height: 1.12rem;
            }

            img {
                width: 100%;
            }
        }
    }
}

//为你推荐&精品书单
.list9 {
    #hide {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        height: 2.6667rem;
        padding-top: .48rem;
        border-radius: .4267rem;
        background: #f6f6f6;

        li {
            text-align: center;

            p:nth-of-type(1) {
                font-size: .96rem;
                font-weight: 700;
                line-height: 1.28rem;
            }

            p:nth-of-type(2) {
                display: inline-block;
                height: .8533rem;
                margin-top: .0533rem;
                padding: 0 .32rem;
                color: #fff;
                font-size: .64rem;
                line-height: .8533rem;
                border-radius: .8533rem;
                background-color: #d7b27a;
            }
        }
    }

    #show {
        display: none;

        div {
            position: fixed;
            top: 0;
            z-index: 99;
            display: none;
            width: 100%;
            height: 2.24rem;
            background: #f6f6f6;
            display: flex;
            align-items: center;
            justify-content: space-around;

            p:nth-of-type(1) {
                height: 1.28rem;
                padding: 0 .48rem;
                color: #fff;
                font-size: .96rem;
                font-weight: 700;
                border-radius: .8533rem;
                background-color: #d7b27a;

            }

            p:nth-of-type(2) {
                height: 1.28rem;
                color: #141414;
                font-size: .96rem;
                font-weight: 700;
                line-height: 1.28rem;

            }
        }
    }

}

// 商品
.list10 {
    display: flex;
    justify-content: space-between;
    padding-top: .5333rem;

    ul {
        li {
            width: 9.12rem;
            margin-bottom: .5333rem;
            padding-bottom: .6933rem;
            border-radius: .4267rem;
            overflow: hidden;
            background-color: #fff;

            img {
                width: 100%;
                display: block;
            }

            p {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                color: #111;
                font-size: .6933rem;
                line-height: .8533rem;
                max-height: 1.6533rem;
                margin-top: .5333rem;
                padding: 0 .48rem;
            }

            .label {
                padding: 0 .48rem;
                display: flex;
                flex-wrap: wrap;

                span {
                    height: .6933rem;
                    margin: .32rem .16rem 0 0;
                    padding: 0 .1067rem;
                    font-size: .5333rem;
                    line-height: .64rem;
                    border-radius: .0533rem;
                    border: .0533rem solid #f1303c;
                }

                .span0 {
                    color: #f1303c;
                    background: #fff;
                }

                .span1 {
                    color: #fff;
                    background: #f1303c;
                }
            }

            .price {
                padding: 0 .48rem;
                display: flex;
                align-items: flex-end;
                justify-content: space-between;

                div {
                    display: flex;
                    align-items: flex-end;
                    justify-content: space-between;

                    span:nth-of-type(1) {
                        color: #111;
                        font-size: .7467rem;
                        font-weight: 700;
                    }

                    span:nth-of-type(2) {
                        color: #111;
                        font-size: .8533rem;
                        font-weight: 700;
                    }

                    span:nth-of-type(3) {
                        color: #111;
                        font-size: .6933rem;
                        font-weight: 700;
                    }
                }

                p {
                    height: .96rem;
                    padding: 0 .3733rem;
                    color: #999;
                    font-size: .5333rem;
                    line-height: .96rem;
                    border-radius: .96rem;
                    border: .0533rem solid #dcdcdc;
                }
            }
        }
    }

}

//底部导航
.nav-bottom {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2.3467rem;
    background-color: #fcfcfc;
    border-top: .0533rem solid #e3e3e3;
    display: flex;
    align-items: flex-end;

    li {
        width: 4rem;
        color: #4d525d;
        font-size: .64rem;
        text-align: center;

        img {
            display: inline-block;
            width: 1.1733rem;
        }

        i {
            display: inline-block;
        }
    }

    li:nth-of-type(1) {
        color: rgb(240, 55, 78);

        i {
            margin-bottom: .0533rem;
            font-size: 1.12rem;
            font-weight: 600;
        }
    }

    li:nth-of-type(2) {
        i {
            margin-bottom: .0533rem;
            font-size: 1.0133rem;
            font-weight: normal;
        }
    }

    li:nth-of-type(4) {
        i {
            margin-bottom: -0.16rem;
            font-size: 1.5467rem;
            font-weight: normal;
        }
    }

    li:nth-of-type(5) {
        i {
            margin-bottom: -0.0533rem;
            font-size: 1.44rem;
            font-weight: normal;
        }
    }
}

//返回顶部
#toTop {
    position: fixed;
    bottom: 3.2rem;
    right: .5333rem;
    z-index: 999;
    display: none;
    width: 2.4rem;
    height: 2.4rem;
    color: #fff;
    font-size: .48rem;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);

    i {
        display: inline-block;
        font-size: 1.0667rem;
        margin: .32rem 0 -0.1067rem;
    }
}